<!DOCTYPE html>
<html lang="en">
<head>
  <base href=""/>
  <meta charset="UTF-8">
  <title>站实时状态</title>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/bootstrap-switch.min.css"/>
  <link type="text/css" rel="stylesheet" href="../static/css/common.css"/>
  
  <script type='text/javascript' src='../static/js/jquery-1.10.2.min.js'></script>
  <script type='text/javascript' src='../static/js/bootstrap.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery-ui.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.ui.touch-punch.min.js'></script>
  <script type='text/javascript' src='../static/js/jquery.webcam.min.js'></script>
  <script type="text/javascript" src="../static/js/common.js"></script>
  <script type="text/javascript" src="../static/js/messageContent.js"></script>
  <script type="text/javascript" src="../static/js/page.js"></script>
  <script type="text/javascript" src="../static/js/preview.js"></script>
  <script type="text/javascript" src="../static/js/monitor.js"></script>
  <script type='text/javascript' src='../static/js/echarts.js'></script>
  <script type="text/javascript" src="../static/js/chargingStationStatus.js"></script>
  <script type='text/javascript' src='../static/table/chargingStationStatusTable.js'></script>
</head>
<body>
<div class="ablosulteDiv">
	<div class="recordTDiv">
	  <div class="top">
	    <h4 class="partTitle">
	    	当前位置: 充电站<span class="comSpanTitle">></span>实时状态
	    </h4>
	  </div>
	  <div class="blueBorder"></div>
	  <div class="scrollBody">
		  <div class="partWhite paddingBottomTen" id="scrollHeight">
		    <form class="form-horizontal" id="chargingStationStatusForm">
		        <input id="page" name = "page" hidden = "hidden" value = "1">
		        <input id="rows" name = "rows" hidden = "hidden" value = "15">
		        <div class="form-group">
		         <div class="col-md-3 col3ConditionAll">
			          <label for="ChargingStationID" class="col-sm-4 control-label partConditionTitle">充电站名称</label>
			          <div class="col-sm-8 partCondition">
			              <select id="ChargingStationID" name="ChargingStationID" class="form-control" onchange='changeSelect()'>
			                <option value='' selected="selected">请选择</option>
			              </select>
			          </div>
		          </div>
		          <div class="col-md-3 col3ConditionAll paddingBottomTen">
			          <label for="CommunicationState" class="col-sm-4 control-label partConditionTitle">通讯状态</label>
			          <div class="col-md-8 partCondition">
			              <select id="CommunicationState" name="CommunicationState" class="form-control" onchange='changeSelect()'>
			                  <option value='' selected="selected">请选择</option>
			                  <option value='1' >正常</option>
			                  <option value='0' >断开</option>
			              </select>
			          </div>
		          </div>
		          <div class="col-md-2 paddingBottomTen">
       				<button type="reset" onclick="resetSearch()" class="btn btnReset marginLeft2ten">
		     			<img src="../static/images/resultPng.png" height="20" width="20"/>
		       	 		重置
       				</button>
		          </div>
		        </div>
		    </form>
		  </div>
		  <div class="partWhite">
		  		<div class="comHtmlTitle"><span class="borBlue"></span>实时状态—列表
			    <div class="partTable">
			        <table class="table table-hover" id="realTimeStatusTable">
				          <thead id="realTimeStatusThead">
				          </thead>
				          <tbody id="realTimeStatusTbody">
				          </tbody>
				      </table>
				      <table class="table scrollTable" id="realTimeStatusTable1" hidden="hidden">
       				  </table>
			    </div>
			    <div class="partBtn">
				  <div class="partTurnPage">
			          <ul class="list-inline">
			              <li id="total"></li>
			              <li class="turnPage"></li>
			          </ul>
			      </div>
			  	</div>
			  </div>
	  		</div>
 	 </div>
 	 </div>
	 <div class="recordFDiv">
	 	<div class="recordFDivTwo">
	 		<div class="recordTitleDiv">站实时状态-通讯统计</div>
	 		<div class="paddingTen">
	 			<div id="stationEcharts"></div>
	 		</div>
	 	</div>
	 </div>
 </div>
</body>
</html>